<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<style>
html, body {
    margin: 0em;
    padding: 0em;
}
body {
    font-size: 100.01%;
}
html {
    background-image: url(http://philonov/ppay/img/bg.gif);
}
#main {
    height: 100%;
}
#measurer,
#em-measurer,
#a1measurer,
#a1em-measurer {
    display: none;
}
#subcontainer,
#a1subcontainer {
    border: 1px solid red;
}
#the-container {
    min-width: 40em;
    max-width: 60em;
    margin: 2em;
}
#a1the-container {
    color: red;
    min-width: 40em;
    max-width: 60em;
    margin: 2em;
}
/* Для ИЕ */
/*============================================================================*/
* html body {
    height: auto;
}
* html #the-container {
    position: relative;
    overflow-x: hidden;
    zoom: 1;
}
* html #sys__em-measurer {
    display: block;
    position: absolute;
    width: 60em;
    top: 2%;
    left: 0%;
    background-color: green;
}
* html #sys__measurer {
    display: block;
    position: absolute;
    width: 100%;
    top: 0%;
    left: 0%;
    background-color: yellow;
}

* html #container-minwidth1 {
    width: expression(__sys__o_measurer.clientWidth > __sys__o_emMeasurer.clientWidth ? '60em' : 'auto');
    margin-left: -40em;
}
* html #container-minwidth2 {
    margin-left: 40em;
    position: relative;
    float: left;
    zoom: 1;
}
* html #container {
    margin-left: -40em;
    position: relative;
    float: left;
    zoom: 1;
}




* html #a1the-content {
    position: relative;
    width: 100%;
    zoom: 1;
}
* html #a1the-container {
    position: relative;
    overflow-x: hidden;
    zoom: 1;
}
* html #sys__a1em-measurer {
    display: block;
    position: absolute;
    width: 60em;
    top: 2%;
    left: 0%;
    background-color: green;
}
* html #sys__a1measurer {
    display: block;
    position: absolute;
    width: 100%;
    top: 0%;
    left: 0%;
    background-color: yellow;
}

* html #a1container-minwidth1 {
    width: expression(__sys__o_a1measurer.clientWidth > __sys__o_a1emMeasurer.clientWidth ? '60em' : 'auto');
    margin-left: -40em;
}
* html #a1container-minwidth2 {
    margin-left: 40em;
    position: relative;
    float: left;
    zoom: 1;
}
* html #a1container {
    margin-left: -40em;
    position: relative;
    float: left;
    zoom: 1;
}
</style>
</head>
<body>
<div id="main">
<div id="the-container">
<script>
//<!--
    var __sys__tmp = 'sys__measurer';
    document.write('<div id="' + __sys__tmp + '"></div>');
    var __sys__o_measurer = document.getElementById(__sys__tmp);
    delete __sys__tmp;
//-->
</script><script>
//<!--
    var __sys__tmp = 'sys__em-measurer';
    document.write('<div id="' + __sys__tmp + '"></div>');
    var __sys__o_emMeasurer = document.getElementById(__sys__tmp);
    delete __sys__tmp;
//-->
</script>
<div id="container-minwidth1">
<div id="container-minwidth2">
<div id="container">
<div id="subcontainer">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at
vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</p>

<div id="a1the-container">
<script>
//<!--
    var __sys__tmp = 'sys__a1measurer';
    document.write('<div id="' + __sys__tmp + '"></div>');
    var __sys__o_a1measurer = document.getElementById(__sys__tmp);
    delete __sys__tmp;
//-->
</script><script>
//<!--
    var __sys__tmp = 'sys__a1em-measurer';
    document.write('<div id="' + __sys__tmp + '"></div>');
    var __sys__o_a1emMeasurer = document.getElementById(__sys__tmp);
    delete __sys__tmp;
//-->
</script>
<div id="a1container-minwidth1">
<div id="a1container-minwidth2">
<div id="a1container">
<div id="a1subcontainer">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at
vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</p>

<p>
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at
vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Nam liber tempor cum soluta nobis eleifend option congue nihil
imperdiet doming id quod mazim placerat facer possim assum.
</p>

</div>
</div>
</div>
</div>
</div>

<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure do
lor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at.
</p>

</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>